
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		#pic{

}
#pic img{
  	width: 400px;
  	height:400px;
  -webkit-transform: scale(0.2);  
}
 #pic img:hover{
    -webkit-transform: scale(1.0);
  }
	</style>
	<body>
		<div id="pic">
		<img  src="img/688833193547009084.jpg">
		</div>
			
		<div id="pp" ></div>	
		<script>
			var pp=document.getElementById("pp");
			var a=[1,2,3,4,6,8];
			var dd="";
			for(let i in a ){
				dd+="<p onclick='pddp("+i+")'>";
				dd+=a[i];
				dd+="</p>";
			}
			pp.innerHTML=dd;
			
			function pddp(index){
				alert(index)
			}
				
		</script>
	</body>
	
</html>
